<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS登录页面</title>

<!--可以在收藏夹中显示出图标-->   
<link rel="bookmark" type="image/x-icon" href="favicon.ico" />   
<!--可以在地址栏中显示出图标-->   
<link rel="icon" type="image/x-icon" href="favicon.ico" />   
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="../css/login-style.css" />
<link rel="stylesheet" href="../css/jquery-ui/jquery.ui.all.css" />
<script type="text/javascript" src="../javascript/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../javascript/jquery-ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../javascript/jquery-ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../javascript/jquery-ui/jquery.ui.button.js"></script>
<script type="text/javascript">
    $(function() {
        //$( "input:submit", ".demo" ).button();
        //$( "a", ".demo" ).click(function() { return false; });
        $("#commit").click(function(){
            self.location.href = "front-page.html";            
        });
    });
</script>
</head>
<body>
	<div style="width: 470px;font-size: 25px;margin: 40px auto 0;">
		Daniel's Home Finance System
	</div>
<form id="login-form" action="http://www.865171.cn" method="post">
  <fieldset>
  <legend>Log in</legend>
  <label for="login">UserName</label>
  <input type="text" id="login" name="login"/>
  <div class="clear"></div>
  <label for="password">Password</label>
  <input type="password" id="password" name="password"/>
  <div class="clear"></div>
  <label for="remember_me" style="padding: 0;">Remember me?</label>
  <input type="checkbox" id="remember_me" style="position: relative; top: 3px; margin: 0; " name="remember_me"/>
  <div class="clear"></div>
  <br />
  <input type="button" style="margin: -20px 0 0 287px;" class="button" id="commit" name="commit" value="Log in"/>
  </fieldset>
</form>
<p style="padding-top: 10px" align="center"><strong>&copy; daniel and alice</strong></p>
</body>
</html>